<template>
  <div class="app-menu">
     <Menu active-name="1-2" theme="dark" width="auto" :open-names="['1']" >
        <Submenu name="1">
            <template slot="title">
                <Icon type="ios-videocam"></Icon>
                我的诊室
            </template>
            <MenuItem name="1-1" to="/cloudVideo/">患者列表</MenuItem>
            <MenuItem name="1-2" to="/cloudVideo/history">历史列表</MenuItem>
        </Submenu>
        <Submenu name="2">
            <template slot="title">
                <Icon type="ios-clock"></Icon>
                我的预约
            </template>
            <MenuItem name="2-1" to="/apointment/">预约列表</MenuItem>
            <MenuItem name="2-2" to="/apointment/start">发起预约</MenuItem>
            <MenuItem name="2-3" to="/apointment/apointedList">已结束列表</MenuItem>
        </Submenu>
        <Submenu name="3">
            <template slot="title">
                <Icon type="md-navigate"></Icon>
                随访管理
            </template>
            <MenuItem name="3-1">随访模板</MenuItem>
            <MenuItem name="3-2">随访计划</MenuItem>
        </Submenu>
        
    </Menu>
  </div>
</template>

<script>
export default {
  name: 'app-menu'
}
</script>

<style scoped lang="less">
.app-menu {
  background: #3C4862;
}
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover{
  background: #5686EC!important;
}

</style>
